<template>
    <div class="main">
        <el-breadcrumb>
            <el-breadcrumb-item class="line">{{ $route.meta.title }}</el-breadcrumb-item>
           
        </el-breadcrumb>
        <router-view></router-view>
    </div>
</template>
<script setup lang="ts">
    import { useRoute } from 'vue-router';
    const $route = useRoute();
</script>
<style>
    .el-breadcrumb{
        height: 10px;
        padding: 20px;
        border-radius: 4px;
        box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    }
    .line{
        border-left: 3px solid #31c17b;
        padding-left: 10px;
    }
</style>